import React, {Component} from 'react'
import {Link} from 'react-router'
import '../components/grids.css'
class Home extends Component {
  render() {
    return (
        <section className="page home">
          <div className="hd">
            <h1 className="title">MiFun-Flex-UI</h1>
            <p className="sub_title">为移动端服务量身设计</p>
          </div>
          <div className="bd">
            <div className="mff-grids">
              <Link to="navbar" className="mff-grid">
                <div className="mff-grid__icon">
                  <img src="" alt=""/>
                </div>
                <p className="mff-grid__label">Navbar</p>
              </Link>
              <Link to="tabbar" className="mff-grid">
                <div className="mff-grid__icon">
                  <img src="" alt=""/>
                </div>
                <p className="mff-grid__label">Tabbar</p>
              </Link>
              <Link to="progress" className="mff-grid">
                <div className="mff-grid__icon">
                  <img src="" alt=""/>
                </div>
                <p className="mff-grid__label">Progress</p>
              </Link>
            </div>
          </div>
        </section>
    );
  }
}

export default Home;
